Option API#監聽:Watch


computed與watch的不同

  • computed主要是把Data裡面的值取出來,並且重新運算後產生一個新的值,y再重新渲染在畫面上
    • 監聽多個變數觸發事件
    • 會產生一個值
  • watch主要監聽單一一個data裡面的值,當監聽的值有變化時,它就會觸發億一些事件,但watch並不會產生新的值,他主要是修改data的值,透過方法,再重新渲染在畫面上
    • 監聽單一“變數”觸發事件
    • 該函式可同時操作多個變數

watch監聽單一變數

  • 當我們要監聽一個值時,我們要先產生一個watch的物件,若他要監聽一個值/data,就會以該值的名稱作為函式名稱
    • 如果值沒有變化或更新就不會觸發事件

watch深層監聽

  • watch也可以堅挺多個變數,但是這個變數有一個前提是必須是一個物件
  • 然後寫入watch中的變數會是一個物件,在物件中有handler(){}函式以及deep: true,等屬性,會在handler中回傳變數是否有新改,有的話會渲染畫面








你可能感興趣的文章

Checked and Unchecked Exception in Java

Checked and Unchecked Exception in Java

Deep Learning on 3D object detection paper 閱讀路徑

Deep Learning on 3D object detection paper 閱讀路徑

F2E合作社|按鈕元件|Bootstrap 5網頁框架開發入門

F2E合作社|按鈕元件|Bootstrap 5網頁框架開發入門






留言討論